body {
	margin: 0%;
	padding: 0%;
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0%;
	padding: 0%;
}

.all3 {
	background: url(../img/p3/6.png) no-repeat;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	color: white;
	font-size: 0.3rem;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-content: flex-start;
}

p {
	line-height: 0.55rem;
	margin: 0%;
}

#p3 {
	width: 0.45rem;
	position: relative;
	right: -89%;
	top: -3%;
	opacity: 0;
	animation: bounceIn 1s 4s forwards  ;
}

#lan {
	font-size: 0.3rem;
	position: relative;
	left: 11%;
	top: 12%;
	color: rgba(255, 255, 255, 0.8);
	font-family: cursive;
}

#fly {
	width: 1.74rem;
	position: relative;
	top: -2%;
	animation: flye 4s alternate forwards linear;
}

.clound-positon{
	position: absolute;
}
.coloud-top{
    width: 5.27rem;
    right: 0%;
}
.coloud-small{
    width: 2.46rem;
    top: 53%;
    right: 27%;
}


.la1 {
	opacity: 0;
	animation: la1 .8s 0.5s forwards;
}


.la2 {
	opacity: 0;
	animation: la2 .8s 1.1s forwards;
}


.la3 {
	opacity: 0;
	animation: la3 .8s 1.9s forwards;
}



.la4 {
	opacity: 0;
	animation: la4 .8s 2.7s forwards;
}


.la5 {
	opacity: 0;
	animation: la5 .8s 3.5s forwards;
}



.la6 {
	opacity: 0;
	animation: la6 .8s 4.3s forwards;
}


